<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />	
		<script type="text/javascript" src="../zxt/zxt.js"></script>
		<script>
			importZXT("../zxt");
		</script>
		<script type="text/javascript" src="./CARD1.js"></script>
	</head>
	<body>
	
		<div id="QueryBtn" zxt="zxt.ui.Button" zxt.label="query" zxt.text="查询" ></div>
	
		<div id="dGrid" style='overflow: auto; width: 1300px' zxt="zxt.ui.DataGrid" zxt.model="tmodel" zxt.selMode="1" zxt.editMode="3" zxt.start="0" zxt.limit="10" zxt.configFunc="configMainGrid"></div>
		<div id="scroller" zxt="zxt.ui.DataScroller" zxt.front="true"zxt.model="tmodel"></div>
		
		<table id="form" border="2">
			<tr>
				<td>帐号：</td>
				<td><div id="accountID"></div></td>
				<td>姓名：</td>
				<td><div id="name"></div></td>
			</tr>
			<tr>
				<td>性别：</td>
				<td><div id="gender"></div></td>
				<td>生日：</td>
				<td><div id="birthday"></div></td>
			</tr>
			<tr>
				<td>银行：</td>
				<td><div id="bank" ></div></td>
				<td>卡类型：</td>
				<td><div id="category"></div></td>
			</tr>
			<tr>
				<td>卡号：</td>
				<td><div id="cardID"></div></td>
				<td>积分计划</td>
				<td><div id="integra"></div></td>
			</tr>
		</table>
		<div id="EditBtn" zxt="zxt.ui.Button" zxt.label="edit" zxt.text="编辑" zxt.enabled="false"></div>
		<div id="SaveBtn" zxt="zxt.ui.Button" zxt.label="save" zxt.text="保存" zxt.enabled="false"></div>
		<div id="AddBtn" zxt="zxt.ui.Button" zxt.label="Add" zxt.text="添加" zxt.enabled="true"></div>


		<div id="optionlayout">	
			<table>
				<tr>
					<td>男</td>
					<td><div option="Male"></div></td>
					<td>女</td>
					<td><div option="Female"></div></td>
				</tr>
			</table>
		</div>
		
	</body>
</html>
<script>
	$("#optionlayout").hide();
	$zxt.init();
	$zxtUI.scroller.addListener($zxtUI.dGrid);
</script>
